<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
##    这里必须加</script>否则出错
    <script type="text/javascript" src="/static/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
	<link href="/static/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"/>
    <title>Emplist</title>

</head>
<body>
    <div class="container">
##        显示标题
		<div class="row">
            <div class="col-xs-12">
                <h1>EmpList</h1>
            </div>
        </div>
##    显示按钮，新增和删除
		<div class="row">
			<div class="col-md-offset-8">
				<button class="btn btn-success glyphicon glyphicon-plus">新增</button>
				<button class="btn btn-danger glyphicon glyphicon-remove">删除</button>
            </div>
        </div>
##表格
    <div></div>
		<div class="row">
            <div class="col-md-12">
                <table class="table table-hover">
                    <tr>
                        <th>#</th>
                        <th>ename</th>
                        <th>dname</th>
                        <th>creatime</th>
                        <th>updatetime</th>
                        <th>操作</th>
					</tr>
					<tr>
						<th>1</th>
						<th>ename</th>
						<th>dname</th>
						<th>creatime</th>
						<th>updatetime</th>
						<th>
							<button class="btn btn-primary glyphicon glyphicon-pencil btn-sm">编辑</button>
							<button class="btn btn-danger glyphicon glyphicon-remove btn-sm">删除</button>
						</th>
					</tr>
                </table>
            </div>
        </div>
##    分页信息
		<div class="row">
            <div class="col-md-6">
                分页信息xxxxxx
            </div>
            <div class="col-md-6">
				<nav aria-label="Page navigation">
					<ul class="pagination">

						<li>
							<a href="#" aria-label="Previous">
								<span aria-hidden="true">&laquo;</span>
							</a>
						</li>
						<li><a href="#">首页</a></li>
						<li class="active"><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li><a href="#">尾页</a></li>
						<li>
							<a href="#" aria-label="Next">
								<span aria-hidden="true">&raquo;</span>
							</a>
						</li>
					</ul>
				</nav>
            </div>
        </div>

    </div>



<script type="text/javascript">
    $(document).ready(function(){
        
    });
    var fun = {
        button:function(){
            alert("hellop") ;
        }
    }
</script>
</body>
</html>